@font-face {
  font-family: 'iconfont';  /* Project id 2431691 */
  src: url('http://at.alicdn.com/t/font_2431691_ey73bcd6b.woff2?t=1647309997013') format('woff2'),
       url('http://at.alicdn.com/t/font_2431691_ey73bcd6b.woff?t=1647309997013') format('woff'),
       url('http://at.alicdn.com/t/font_2431691_ey73bcd6b.ttf?t=1647309997013') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/*@font-face {
  font-family: 'DINOT';  
  src: url('../fonts/DINOT-CONDBLACK.OTF');
}*/
html{overflow:auto;overflow-y:scroll; scroll-behavior:smooth;}
body{color:#333;background:#fff;font-family:'microsoft yahei';overflow-x:hidden;height:100%;font-size: 14px;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;padding:0;margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
ul,li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
input,i{border:none;outline:none;}
*:focus{border:none;outline:none;}
img{max-width: 100%;}

/*主色调 蓝色 #164ac3*/
body{--zhu-color:#164ac3;--pei-color:#61d14f;}

.fl{float: left;}
.fr{float: right}
.clear{clear: both;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.wrap{width:100%;margin:0 auto;overflow: hidden;}
.wrapp{width:100%;margin:0 auto;}
@media(min-width: 1200px){
	.wrap{width:1200px;}
	.wrapp{width:1200px;}
}

/*自定义滚动条*/
.scrollbar::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.scrollbar::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 5px;
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	background   : #535353;
}
.scrollbar::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	background   : #ededed;
}


/*ititle*/
.ititle{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding:30px 0;}
	.ititle b{color: var(--zhu-color);font-size: 30px;background: url(../images/ititle-icon.png) left center no-repeat;padding-left: 40px;}
	.ititle a{color: #cccccc;font-size: 16px;transition: all .5s}
	.ititle a:hover{color: var(--zhu-color)}
	@media(max-width: 576px){
		.ititle b{font-size: 27px;margin-bottom: 10px}
	}
/*划出菜单*/
.fancynav-mainnav{position: fixed;}

/*header*/
.header{position: relative;}
	.h-nav{width:100%;z-index: 2000;}
	.h-nav-box{width:100%;margin:0 auto;}
	.h-bd{padding-top:15px;padding-bottom: 15px;}
	.h-left{height: 100%}
	.h-left img{max-height: 100%}
	.h-mid{font-size: 16px;width:100%;}
	.h-mid ul{display: flex;flex-direction: row;justify-content: space-around;}
	.h-mid li{position: relative;padding: 20px 0;}
	.h-mid .yiji{color: #fff;padding:5px 15px;position: relative;z-index: 2;transition: all .5s;border-radius:20px;}
	.h-btns{height: 100%}
	.h-search{color: #fff;padding:0 15px;cursor: pointer;float: left;}
	.h-search i{font-size: 30px;}
	.h-mid li .sublist{position: absolute;background:rgba(22,74,195,.7);display: flex;flex-direction: column;padding:15px 0;top:50px;left:50%;transform: translateX(-50%);width: 140px;border-radius: 10px;display: none;}
	.h-mid li .sublist a{color: #fff;padding:5px 15px;display: block;text-align: center;}
	.h-mid ul:hover{height: 100%}
	.h-mid li:hover{height: 100%}
	.h-mid li:hover .yiji{color: var(--zhu-color);background: #fff; }
	.h-mid li .sublist a:hover{color:var(--pei-color);}
	.h-tel{text-align: right;color:#fff;font-size: 20px;font-weight: bold;padding:5px 0;}
	.demolist{display: none;}
	.h-menu{text-align: right;display: none;}
	.h-menu i{font-size: 30px;color: #fff;}
	@media(min-width: 1400px){
		.h-nav-box{width:1400px;}
	}
	@media(max-width: 1400px){
		.h-mid .yiji{padding:5px 5px;}
	}
	@media(max-width:1200px){
		.h-mid .yiji{padding:5px;font-size: 13px;}
		.h-mid a{font-size: 15px;}
	}
/*	@media(max-width:1024px){
		.h-mid{display: none!important;}
	}*/
	@media(max-width: 992px){
		.h-btns{padding:5px 8px 0;}
		.h-mid{display: none!important;}
		.h-menu{display: block;}
		.h-bd{height: 75px;padding-top:8px;padding-bottom: 8px;}
	}
	@media(max-width:768px){
		.h-hd .lt{display: none;}
		.h-menu i{font-size:32px;}
		.h-bd{height: 65px;}
	}
	@media(max-width:576px){
		.h-hd{display: none;}
		.h-bd{height: 55px;}
		.h-search{padding:0;}
		.h-btns{padding-top:0px;}
		.h-menu i{font-size:26px;}
		.h-search i{font-size: 26px;}
	}
/*search*/
.search{ display: flex; width: 62%; height: 60%; background: #fff; position: absolute; top:-100%; right:0; align-items: center; transition: all .3s; opacity: 0; z-index: 11000; border-top-left-radius: 10px;border-bottom-left-radius: 10px;overflow: hidden;}
	.search form{ flex:4; height: 100%; position: relative; }
	.search form input{ width: 100%; height: 100%; font-size: 18px; color: #5C5D51; box-sizing: border-box; padding:0 15px; }
	.search form button{ outline: none; position:absolute; display: inline-block; width: 40px; height: 40px; background: var(--zhu-color); text-align: center; line-height: 40px; font-size: 16px;  color: #fff; right:15px; top:50%; margin-top:-20px; border-radius: 50%; transition: all .3s;border:none; }
	.search form button:hover{ background:var(--pei-color); transition: all .3s; }
	.search > a{ flex:1; }
	.search > a span{ display: inline-block; font-size: 24px; color: #666; margin-left: 30px; transition: all .3s; }
	.search > a span:hover{ transition: all .3s; transform: rotate(360deg); }
	.search_show{ transition: all .3s; top:15px; opacity: 1; }
	@media(max-width: 576px){
		.search{width:85%;height: 80%}
		.search_show{top:5px;}

	}

/*footer*/
.footer{background:url(../images/f-bg.jpg) center no-repeat;}
	.f-hd{padding: 60px 0 30px;}
	.f-hd .f-nav{display: flex;flex-direction: row;}
	.f-hd .item{width:130px;display: flex;flex-direction: column;margin-right: 30px}
	.f-hd .item .t1{color: #fff;font-size: 18px;font-weight: bold;border-bottom: solid 1px #5f637e;text-align: center;padding-bottom: 15px;margin-bottom: 10px}
	.f-hd .item ul{display: flex;flex-direction: column;align-items: center;}
	.f-hd .item ul a{color:#cccccc;padding:5px 0;max-width: 100%}
	.f-hd .item ul a:hover{color:#fff;}
	.f-con{display: flex;flex-direction: column;}
	.f-con .t1{color: #fff;font-size: 18px;font-weight: bold;margin-bottom: 5px;}
	.f-con .t2{color: var(--pei-color);font-size: 36px;font-weight: bold;}
	.f-con .t3{color: #cccccc;}
	.f-con a{width:140px;height: 42px;background: var(--pei-color);display: block;color: #fff;text-align: center;line-height: 42px;position: relative;float: left;transition: all .5s;overflow: hidden;margin-top: 30px;}
	.f-con a i{position: absolute;width:100%;height: 100%;font-style: normal;display: block;text-align: center;line-height: 42px;z-index: 2}
	.f-con a:before{content:'';position: absolute;top:0;right:0;width:18px;height: 20px;background: url(../images/f-jiao.png) right top no-repeat;transition: all .5s;z-index: 1}
	.f-con a:hover:before{width:100%;height: 100%;background: url(../images/f-jiao.png) right top no-repeat var(--zhu-color);}
	.f-bd{padding:15px 0;border-top:solid 1px #5c6078;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
	.f-bd p{color:#4e5172;}
	.f-bd p a{color:#4e5172;}
	.f-bd p a:hover{color:#fff;}
	.f-bd br{display: none;}
	.f-bd span{font-size: 30px;color: #cccccc;font-weight: bold;opacity: 0.4}
	@media(max-width: 992px){
		.footer{background-size: auto 100%;}
		.f-nav{justify-content: space-between;}
		.f-hd .item{margin-right: 0;}
	}
	@media(max-width: 768px){
		.footer{margin-bottom: 50px;}
		.f-con{margin-top: 30px;}
		.f-bd img{display: none;}
	}
	@media(max-width: 576px){
		.f-hd{padding:0 0 30px;}
		.f-bd{flex-direction: column;}
		.f-bd span{font-size: 20px;}
		.f-bd p br{display: block;}
		.f-hd .f-nav{display: none}
	}

/*down*/
.down{}
	.down ul{display: flex;flex-direction: row;background: #333;position: fixed;z-index: 9999;bottom:0;width:100%;}
	.down li{width:25%;border-right:solid 1px #eee;text-align: center;padding:5px 0;}
	.down li:nth-child(4){border-right:none;}
	.down li i{color:#fff;font-size: 22px;line-height: 1}
	.down li p{color:#fff;font-size: 16px;line-height: 1}